div{
    position: relative;
    width: 960px;
    height: 600px;
    margin: 0px auto;
    padding-top: 100px;
}
div>img{
    position: absolute;
    width: 300px;
    border: 10px solid white;
    padding: 10px;
}
div img:nth-child(1){
    transform: rotate(45deg);
    bottom: 250px;
    left: 300px;
    position: absolute;
}
div img:nth-child(2){
    position: absolute;
    right: 20px;
    transform: rotate(-45deg);
}
div img:nth-child(3){
    position: absolute;
    right: 35px;
    top: 0px;
    transform: rotate(15deg);
}
div img:nth-child(4){
    position: absolute;
    left: 300px;
    top: 0px;
    transform: rotate(-10deg);
}
div img:nth-child(5){
    position: absolute;
    right: 650px;
    top: -10px;
    transform: rotate(-20deg);
}
div img:nth-child(6){
    position: absolute;
    right: 650px;
    bottom: 200px;
    transform: rotate(20deg);
}
div img:nth-child(7){
    position: absolute;
    right: 22px;
    bottom: 250px;
    transform: rotate(20deg);
}
div img:nth-child(8){
    position: absolute;
    right: 450px;
    top: -5px;
    transform: rotate(25deg);
}
div img:nth-child(9){
    position: absolute;
    right: 150px;
    bottom: 150px;
    transform: rotate(20deg);
}
div img:nth-child(10){
    position: absolute;
    right: 550px;
    bottom: 350px;
    transform: rotate(-20deg);
}
div img:hover{
    transform: scale(1.5);
    transition: all 0.3s ease-out;
    z-index: 999;
}
